<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="/struts-jquery-tags" prefix="sj"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>

<!DOCTYPE>
<html>
<head>

<meta charset="UTF-8">
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<!-- <meta name="robots" content="noindex, nofollow"> -->


<!-- <link rel='stylesheet' -->
<!-- 	href='http://codepen.io/assets/libs/fullpage/jquery-ui.css'> -->

<link rel="stylesheet" href="css/style.css" media="screen"
	type="text/css" />

<link type="text/css" rel="stylesheet" href="css/materialize.min.css" 	media="screen,projection" />

<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- <LINK HREF="CSS/ANIMATE.CSS" REL="STYLESHEET"> -->

<!-- <link href="css/effects-animated.css" rel="stylesheet"> -->
<!-- <link href="css/fa/css/font-awesome.min.css" rel="stylesheet"> -->
<!-- <link rel="stylesheet" href="css/estilos.css"> -->

<!-- <link rel="stylesheet" href="css/material/styleTextField.css"> -->

<%-- <script type="text/javascript" src="js/jquery.min.js"></script> --%>

<%-- <script type="text/javascript" src="js/bootbox.js"></script> --%>

<script src='http://codepen.io/assets/libs/fullpage/jquery_and_jqueryui.js'></script>

<script src="js/index.js"></script>

<!-- MATERIAL - FLOAT BUTTON -->
<link href="https://www.polymer-project.org/components/font-roboto/roboto.html" rel="import">
<link href="https://www.polymer-project.org/components/core-icon/core-icon.html" rel="import">
<link href="https://www.polymer-project.org/components/core-icons/core-icons.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-fab/paper-fab.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-button/paper-button.html" rel="import">

<link href="https://www.polymer-project.org/components/core-collapse/core-collapse.html" rel="import">
<link href="https://www.polymer-project.org/components/core-menu/core-menu.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-dropdown/paper-dropdown.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-item/paper-item.html" rel="import">
<link href="https://www.polymer-project.org/components/paper-dropdown-menu/paper-dropdown-menu.html" rel="import">

</head>
<body>

	<div>

		<div>
			<div class="toprincipal"></div>
			<div class="top">
				<img alt="Imagen" src="images/menu.png" height="50" class="menu_btn"
					align="left" /> <font style="padding-left: 30px;"></font>

			</div>


			<div id="grey_back">&nbsp;</div>

			<div id="menu_smartphone" class="menu_mobile_app">
				<ul style="overflow-y: auto;">
					<div class="background_profil"></div>
					<div class="pics_profil"></div>
					<div class="name_profil">
						<font style="font-weight: 250; color: #999999;"></font>
						<s:property value="#session.keyUsuario.login" />
						&nbsp;
					</div>
					<tiles:insertAttribute name="menu" />

				</ul>
			</div>

			<tiles:insertAttribute name="central" />
		</div>

		<tiles:insertAttribute name="footer" />

	</div>

	<div></div>


</body>
</html>